.city_wrapper {
	background:#000;
	position:fixed;
	height:1000px;
	width:100%;
	z-index:1000;
	left:0;
	top:0;
} 
.hidden {
display:none;
}
.city {
	background:#007DC2;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	top:200px;
	position:fixed;
	z-index:1100;
	margin:auto;
	width:690px;
	padding:10px 0 30px 0;
	left:50%;
	margin-left:-345px;
	color:#fff;
	font-size:16px;
}
	.city ul {
	list-style:none;
	padding:0 30px 0 60px;
	}
		.city li {
		display:inline-block;
		vertical-align:top;
		width:200px;
		}
			.city a {
			color:#fff;
			font-size:14px;
			position:relative;
			text-decoration:none;
			}
			.city a span {
			display:none;/*
			position:absolute; 
			right:-80px;
			top:0;*/
			padding-left:15px;
			font-weight:bold;
			}
			.city a:hover span, .city a.hover span {
			display:inline-block;
			color:#fff;
			}
			.city a:hover {
			color:#fff;
			}
.city  .close_city {
position:absolute;
text-decoration:none;
color:#fff;
right:15px;
top:15px;
font-weight:bold;
}
	.city h3 {
	text-align:center;
	padding-bottom:10px;
	margin-bottom:10px;
	color:#fff;
	border-bottom:2px solid #fff;
	}
